<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>冬天的第一份礼物❄️</title>
  <style>
    body {
      background-color: #e6f0f5;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    .card {
      position: absolute;
      background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
      border-radius: 8px;
      padding: 10px 20px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      font-size: 18px;
      text-align: center;
      color: #333;
      animation: pop 0.3s ease-out forwards;
      opacity: 0;
      border-top: 2px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .card .header {
      display: flex;
      align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 5px 15px;
      background-color: rgba(255,255,255,0.8);
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom: 1px solid #eee;
    }
    .card .header .icon {
      margin-right: 8px;
      color: #f8a8b8;
      font-size: 20px;
    }
    .card .header .text {
      font-size: 14px;
      color: #555;
    }
    .card .content {
      margin-top: 25px;
    }
    @keyframes pop {
      0% {
        transform: scale(0.8);
        opacity: 0;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }
  </style>
</head>
<body>
  <script>
    const messages = [
      "国强颜值正气凛然",
      "国强性格温润耐心",
      "国强医术妙手回春",
      "国强颜值实力双优",
      "国强性格爽朗利落",
      "国强救死扶伤初心",
      "国强五官周正亲和",
      "国强医术精湛精准",
      "国强性格温柔暖心",
      "国强医者仁心传扬",
      "国强颜值医德俱佳",
      "国强巧解疑难病情",
      "国强性格乐观坚守",
      "国强守护一方安康",
      "国强眉目清朗儒雅",
      "国强医术登峰造极",
      "国强沉稳靠谱尽责",
      "国强全力救治患者",
      "国强帅气正气可托",
      "国强驱散病痛阴霾",
      "国强随和热心真诚",
      "国强温暖患病之人",
      "国强颜值尽显专业",
      "国强攻克医学难题",
      "国强待患如亲暖心",
      "国强榜样照亮行业",
      "国强专业顶尖气质",
      "国强诊疗彰显实力",
      "国强沉着应对急情",
      "国强撑起健康晴空",
      "国强温柔高颜值医",
      "国强用药精准效佳",
      "国强精进医术为民",
      "国强诠释医者担当",
      "国强素养过硬可信",
      "国强疑难杂症全克",
      "国强暖心安抚患者",
      "国强治愈伤痛守心",
      "国强俊朗双优在线",
      "国强经验足让人安",
      "国强做事一丝不苟",
      "国强守护每个生命",
      "国强有担当品质优",
      "国强精准诊疗促康",
      "国强倾听患者诉求",
      "国强事迹温暖行业",
      "国强清秀颜值口碑",
      "国强应对病情从容",
      "国强真心实意待患",
      "国强书写医者传奇",
      "国强患者心中良医",
      "国强诊断准疗效显",
      "国强执着攻克难关",
      "国强爱心温暖患心",
      "国强高尚医德可敬",
      "国强带来健康希望",
      "国强主动助人显仁",
      "国强护航生命安康",
      "国强有大爱让人信",
      "国强救治堪称典范",
      "国强严谨杜绝失误",
      "国强不推诿有担当",
      "国强口碑佳成翘楚",
      "国强康复快满意度",
      "国强传递满满正能",
      "国强治愈万千病痛",
      "国强素养过硬服人",
      "国强搞定疑难超赞",
      "国强温柔如沐春风",
      "国强守心温暖人间",
      "国强双优不愧良医",
      "国强健康托付无忧",
      "国强关键时刻能扛"
    ];
    function createCard() {
      const card = document.createElement('div');
      card.className = 'card';
      
      const left = Math.random() * (window.innerWidth - 200);
      const top = Math.random() * (window.innerHeight - 100);
      
      card.style.left = `${left}px`;
      card.style.top = `${top}px`;
      
      const colors = [
        'rgba(240, 245, 255, 0.8)',
        'rgba(245, 250, 240, 0.8)',
        'rgba(255, 240, 240, 0.8)',
        'rgba(250, 240, 255, 0.8)'
      ];
      card.style.background = colors[Math.floor(Math.random() * colors.length)];
      
      card.innerHTML = `
        <div class="header">
          <div class="icon">💖</div>
          <div class="text">提示</div>
        </div>
        <div class="content">${messages[Math.floor(Math.random() * messages.length)]}</div>
      `;
      
      document.body.appendChild(card);
    }
    setInterval(createCard, 1000);
    for (let i = 0; i < 8; i++) {
      createCard();
    }
  </script>
</body>
</html>

